@import "viewBasic";

.view {
  .note {
    text-align: center;
    width: 80%;
    margin: 0 auto;
  }

  .input() {
    font-size: 20px;
    background-color: transparent;
    border: solid 1px gray;
    border-radius: 5px;
    outline: none;
    .CH();
  }

  .inputExpression {
    display: block;
    margin: 20px auto;
    padding: 5px;
    width: 90%;
    .input();
  }

  .go {
    .startBtn();
  }

  .op {
    .startBtn();
  }

  .output {
    width: 80%;
    margin: 20px auto;
    min-height: 200px;
    border-radius: 10px;
    padding: 10px;
    background-color: #222;
    .CH();
    font-size: 30px;


  }

  /**
    有理数
   */

  .R {
    display: inline-block;
    .CH();
    font-size: 30px;
    //outline: solid 1px;
    width: fit-content;

    .up, .down {
      font-size: 20px;
      text-align: center;
    }

    hr {
      outline: none;
      border: solid 2px whitesmoke;
      height: 0;
    }
  }
}
